<template>
  <div class="about">
    <router-link to="/about/about1" > go about1 </router-link> |
    <router-link to="about2" > go about2 </router-link>   |
    <router-link to="/about/about3" > go about3 </router-link>
    <h1>This is an about page</h1>
    <h2>from : {{from}}</h2>
    <span class="tip">About 子路由 上</span>
    <router-view></router-view>
    <br>
    <span class="tip">About 子路由 下</span>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      from: ''
    }
  },
  mounted: function () {
    this.from = this.$route.query.from
  }
}
</script>

<style>

</style>